<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<meta http-equiv="cleartype" content="on">
	<title></title>
	<link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="scripts/jquery-ui.js"></script>
	<script type="text/javascript" src="scripts/ui.datepicker-fr.js"></script>
	<script type="text/javascript" src="scripts/main.js"></script>
</head>
<body>
<div class="wrapper" id="wrapper">
<div class="header">
	<input class="header-button-left" id="retour" type="button" value="Retour">
	<span>Ma commande</span>
	<input class="header-button-right" id="addition" type="button" value="L'addition">
</div>
<div class="content" id="content">
<ul class="menu-top">
	<li class="menu-top-tab active" id="tab1"><a rel="formule_tab">Ardoise & Formules </a></li>
	<li class="menu-top-tab" id="tab2"><a rel="entree_tab">Entrées </a></li>
	<li class="menu-top-tab" id="tab3"><a rel="plat_tab">Plats </a></li>
	<li class="menu-top-tab" id="tab4"><a rel="dessert_tab">Desserts </a></li>
	<li class="menu-top-tab" id="tab5"><a rel="boisson_tab">Boissons</a></li>
</ul>

<ul class="form-tab-list" id="tab-form0">
	<li class="form-list-item bold underline">
		<b>Ardoise du jour :</b>
	</li>
	<li class="form-table-item no-gap-bottom ">
		<div class="row-text-left fix-left line20">Entrées du jour:</div>
		<div class="item-flex flex40">
                        <span class="item-flex-top">
                            <div class="item-dishes">- Essai1</div>
                        <div class="item-dishes">- Essai2</div>
                        </span>
		</div>
	</li>
	<li class="form-table-item no-gap-bottom ">
		<div class="row-text-left fix-left line20">Plats du jour:</div>
		<div class="item-flex flex40">
                        <span class="item-flex-top">
                            <div class="item-dishes">- PetitLouis</div>
                        <div class="item-dishes">- PltJour2</div>
                        </span>
		</div>
	</li>
	<li class="form-table-item no-gap-bottom ">
		<div class="row-text-left fix-left line20">Desserts du jour:</div>
		<div class="item-flex flex40">
                        <span class="item-flex-top">
                            <div class="item-dishes">- DestJour1</div>
                        <div class="item-dishes">- DestJour2</div>
                        </span>
		</div>
	</li>
	<!---->
	<li class="form-list-item bold underline">
		<b>Les Formules Proposées :</b>
	</li>
	<li class="form-table-item">
		<a class="button-gray large">Entrée+Plat au<br/> Plat+Desserts <br/> 15€</a>
		<a class="button-gray large">Entrée+Plat au<br/> Plat+Desserts <br/> 20€</a>
		<a class="button-gray large">Entrée+Plat au<br/> Plat+Desserts <br/> 25€</a>
		<a class="button-gray large">Entrée+Plat au<br/> Plat+Desserts <br/> 30€</a>
	</li>
	<li class="form-list-item bold underline">
		<b>Mes Formules Choisies :</b>
	</li>
	<li class="form-table-item">
		<a class="button-gray small orange">E-P <br/> 15€</a>
		<a class="button-gray small orange">P-D <br/> 20€</a>
		<a class="button-gray small orange">E-P-D <br/> 25€</a>
		<a class="button-gray small orange">E-P-D <br/> 30€</a>
	</li>
</ul>
<ul class="form-tab-list" id="tab-form1">
	<li class="form-table-item">
		<div class="row-text-left line20">Tartare de thon et avocat à l'huile de truffe</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">15 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line20">Salade de gambas croustillantes à la mangue</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">13 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line20">Millefeuille de légumes grillés et mozarella de bufflonne</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
</ul>
<ul class="form-tab-list" id="tab-form2">
	<li class="form-list-item bold">
		<b>Spécialités</b>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Risotto de langoustines croustillantes</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
	<li class="form-list-item bold">
		<b>Poissons</b>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Filet de bar de méditerrannée</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">45 €</div>
	</li>
	<li class="form-list-item bold">
		<b>Viandes</b>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Picanhia</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">55 €</div>
	</li>
</ul>
<ul class="form-tab-list" id="tab-form3">
	<li class="form-table-item">
		<div class="row-text-left line30">Baba au rhum crème chantilly</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">15 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Tarte fine fondante aux pommes, glace miel nougat</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">13 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Café Saveur... du marché</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Brioche pâtissière façon pain perdu au caramel laitier</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
</ul>
<ul class="form-tab-list" id="tab-form4">
	<li class="form-list-item bold">
		<b>Vin</b>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">DestJour1</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Pouilly fumé (verre)</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Pouilly fumé (pichet)</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
	<li class="form-table-item">
		<div class="row-text-left line30">Chablis (verre)</div>
		<div class="number-box-horizon">
			<div class="number-box-button left">-</div>
			<div class="number-box-label horizon"><label>10</label></div>
			<div class="number-box-button right">+</div>
		</div>
		<div class="row-text-price">5 €</div>
	</li>
</ul>
</div>

<div class="popup" id="popup-1" style="display: none;">
	<div class="popup-form full">
		<div class="popup-title">
            <span class="item-flex-middle all-inner-gap-5">Vous désirez boire <br/>quelque-chose? Un café?</span>
            <span class="popup-button close"></span>
        </div>
		<div class="popup-content">
			<ul class="form-list popup-limit">
				<div class="form-list-item"><b>Vin :</b></div>
				<li class="form-table-item">
					<div class="row-text-left line30">DestJour1</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">5 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Tiramisu</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">456 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Creme caramel</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>3</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">334 €</div>
				</li>
				<div class="form-list-item"><b>Bière :</b></div>
				<li class="form-table-item">
					<div class="row-text-left line30">Mousse au chocolat</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>3</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">23 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Pana Cotta</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>5</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">12 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Mousse au chocolat</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">23 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Pana Cotta</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">12 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Creme caramel</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">334 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Mousse au chocolat</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">23 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Pana Cotta</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">12 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Mousse au chocolat</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">23 €</div>
				</li>
				<li class="form-table-item">
					<div class="row-text-left line30">Pana Cotta</div>
					<div class="number-box-horizon">
						<div class="number-box-button left">-</div>
						<div class="number-box-label horizon"><label>10</label></div>
						<div class="number-box-button right">+</div>
					</div>
					<div class="row-text-price">12 €</div>
				</li>
			</ul>
			<ul class="form-list">
				<li class="form-list-footer">
					<input type="button" value="OK" class="row-button-blue right-spec">
				</li>
			</ul>
		</div>
	</div>
</div>
<div class="popup" id="popup-2" style="display: none;">
	<div class="popup-form full">
		<div class="popup-title"><span class="popup-title-text">Entrée + Plat ou Plat + Dessert à 15,5 €</span><span
				class="popup-button close"></span></div>
		<div class="popup-content">
			<ul class="form-list">
				<div class="form-list-item"><b>Entrées</b></div>
				<li class="form-list-box">
					<div class="form-list-box-row">Tiramisu tiramisu sdf sdfsdf 1</div>
					<div class="form-list-box-row">Tiramisu ttryo tiramisu 2</div>
				</li>
				<div class="form-list-item"><b>Plats</b></div>
				<li class="form-list-box">
					<div class="form-list-box-row">Tiramisu tiramisu sdf sdfsdf 1</div>
					<div class="form-list-box-row checked">Tiramisu ttryo tiramisu 2</div>
					<div class="form-list-box-row checked">Tiramisu fdfg dgg tiramisu 3</div>
					<div class="form-list-box-row">Tiramisu tiramisu tiramisu 4</div>
					<div class="form-list-box-row">Tiramisu tiramisu tiramisu 5</div>
				</li>

				<div class="form-list-item"><b>Desserts</b></div>
				<li class="form-list-box">
					<div class="form-list-box-row">Tiramisu tiramisu sdf sdfsdf 1</div>
					<div class="form-list-box-row checked">Tiramisu ttryo tiramisu 2</div>
					<div class="form-list-box-row">Tiramisu ttryo tiramisu 3</div>
				</li>
				<li class="form-list-footer">
					<input type="button" value="OK" class="row-button-blue right">
				</li>
			</ul>
		</div>
	</div>
</div>
</div>
</body>
</html>